<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- <link rel="stylesheet" href="../css/common.css"> -->
    <link rel="stylesheet" href="../css/Home.css">
    <link rel="stylesheet" href="../css/home-banner.css">
    <link rel="stylesheet" href="../css/slider.css">
    <link rel="stylesheet" href="../css/common.css">

    <script src="../lib/jquery.js"></script>
    <script src="../js/jquery.slidebox.js"></script>
    <script src="../js/home.js"></script>
    <script src="../js/common.js"></script>


</head>

<body>
    <div>
        <div id="header">
            <div class="top">
                <img src="../img/logo.jpg" alt="">
                <span>legochina.cn</span>
                <span class="clearfix">欢迎光临<a href="./Home.html">乐购</a>，请 登陆\<a>注册</a></span>
            </div>

            <!-- 搜索框/购物车 -->
            <div id="header-search">

                <div class="search">
                    <input type="text">
                    <div class="img-1"></div>
                </div>

                <div class="shopping">

                    <div class="shopp">
                        <i></i>
                        <span>购物车&emsp;0</span>
                    </div>

                    <div class="order">
                        <span>我的订单</span>
                    </div>

                </div>

            </div>

            <div id="nav">
                <span>图书</span>
                <span>电子书</span>
                <span>原创文学</span>
                <span>服装</span>
                <span>户外运动</span>
                <span>孕婴童</span>
                <span>家居</span>
                <span>创意文具</span>
                <span>地方特产</span>
                <span>海外购</span>
                <span>电器城</span>
            </div>

        </div>

        <div id="banner" class="container clearfix">
            <ul class="menu fl pr">
                <script>
                    for (let i = 1; i <= 13; i++) {
                        document.write(`
                    <li>
                        <!-- 一级分类 -->
                        <p>
                            <a href="#">图书、</a>
                            <a href="#">电子书、</a>
                            <a href="#">童书</a>
                        </p>
                        <!-- 二级分类 -->
                        <dl>
                            <dt>
                                <a href="#">${i}图书馆</a>
                                <a href="#">儿童书馆</a>
                                <a href="#">电子书馆</a>
                            </dt>
                            <dt>
                                    <a href="#">文艺</a> 
                            </dt>
                            <dd>
                                    <a href="#">文学</a>
                                    <a href="#">文学</a> <a href="#">文学</a> 
                            </dd>
                            <dt>
                                    <a href="#">文艺</a> 
                            </dt>
                            <dd>
                                    <a href="#">文学</a>
                                    <a href="#">文学</a> <a href="#">文学</a> 
                            </dd>
                            <dt>
                                    <a href="#">文艺</a> 
                            </dt>
                            <dd>
                                    <a href="#">文学</a>
                                    <a href="#">文学</a> <a href="#">文学</a> 
                            </dd>
                            <dt>
                                    <a href="#">文艺</a> 
                            </dt>
                            <dd>
                                    <a href="#">文学</a>
                                    <a href="#">文学</a> <a href="#">文学</a> 
                            </dd>
                            <dt>
                                    <a href="#">文艺</a> 
                            </dt>
                            <dd>
                                    <a href="#">文学</a>
                                    <a href="#">文学</a> <a href="#">文学</a> 
                            </dd>
    
                            <dt>
                                    <a href="#">文艺</a> 
                            </dt>
                            <dd>
                                    <a href="#">文学</a>
                                    <a href="#">文学</a> <a href="#">文学</a> 
                            </dd>
                            <dt>
                                    <a href="#">文艺</a> 
                            </dt>
                            <dd>
                                    <a href="#">文学</a>
                                    <a href="#">文学</a> <a href="#">文学</a> 
                            </dd>
                        </dl>
                    </li>
                    `)
                    }
                </script>
            </ul>

            <!-- 轮播 -->
            <div id="banner-gb">

                <div class="pptbox fl" id="slider">
                    <ul class="innerwrapper">
                        <li>
                            <a href="#">
                                <img src="../img/banner1.jpg" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../img/banner2.jpg" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../img/banner3.jpg" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../img/banner4.jpg" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../img/banner5.jpg" />
                            </a>
                        </li>
                    </ul>
                    <ul class="controls">
                        <li class="current">1</li>
                        <li>2</li>
                        <li>3</li>
                        <li>4</li>
                        <li>5</li>
                    </ul>
                    <span class="btnleft"></span>
                    <span class="btnright"></span>
                </div>

            </div>

        </div>


        <!-- 主要内容 -->
        <div id="main">
            <!-- 推荐内容 -->
            <p class="p1">乐购·今日推荐</p>
            <div class="daily-recom clearfix">
                <div class="first">
                    <img src="../img/index06_05.jpg" alt="">
                    <img src="../img/index05_18.jpg" alt="">
                    <p>黑爵青蜂侠六键电竞游戏鼠标</p>
                    <p>全国联保 一年免费包换</p>
                    <span>￥:299</span>
                </div>
                <div>
                    <img src="../img/index06_05.jpg" alt="">
                    <img src="../img/index05_18.jpg" alt="">
                    <p>黑爵青蜂侠六键电竞游戏鼠标</p>
                    <p>全国联保 一年免费包换</p>
                    <span>￥:299</span>
                </div>
                <div>
                    <img src="../img/index06_05.jpg" alt="">
                    <img src="../img/index05_18.jpg" alt="">
                    <p>黑爵青蜂侠六键电竞游戏鼠标</p>
                    <p>全国联保 一年免费包换</p>
                    <span>￥:299</span>
                </div>
                <div>
                    <img src="../img/index06_05.jpg" alt="">
                    <img src="../img/index05_18.jpg" alt="">
                    <p>黑爵青蜂侠六键电竞游戏鼠标</p>
                    <p>全国联保 一年免费包换</p>
                    <span>￥:299</span>
                </div>
                <div>
                    <img src="../img/index06_05.jpg" alt="">
                    <img src="../img/index05_18.jpg" alt="">
                    <p>黑爵青蜂侠六键电竞游戏鼠标</p>
                    <p>全国联保 一年免费包换</p>
                    <span>￥:299</span>
                </div>
                <div>
                    <img src="../img/index06_05.jpg" alt="">
                    <img src="../img/index05_18.jpg" alt="">
                    <p>黑爵青蜂侠六键电竞游戏鼠标</p>
                    <p>全国联保 一年免费包换</p>
                    <span>￥:299</span>
                </div>
                <div class="seven">
                    <img src="../img/index06_05.jpg" alt="">
                    <img src="../img/index05_18.jpg" alt="">
                    <p>黑爵青蜂侠六键电竞游戏鼠标</p>
                    <p>全国联保 一年免费包换</p>
                    <span>￥:299</span>
                </div>
                <div>
                    <img src="../img/index06_05.jpg" alt="">
                    <img src="../img/index05_18.jpg" alt="">
                    <p>黑爵青蜂侠六键电竞游戏鼠标</p>
                    <p>全国联保 一年免费包换</p>
                    <span>￥:299</span>
                </div>
                <div>
                    <img src="../img/index06_05.jpg" alt="">
                    <img src="../img/index05_18.jpg" alt="">
                    <p>黑爵青蜂侠六键电竞游戏鼠标</p>
                    <p>全国联保 一年免费包换</p>
                    <span>￥:299</span>
                </div>
                <div>
                    <img src="../img/index06_05.jpg" alt="">
                    <img src="../img/index05_18.jpg" alt="">
                    <p>黑爵青蜂侠六键电竞游戏鼠标</p>
                    <p>全国联保 一年免费包换</p>
                    <span>￥:299</span>
                </div>
                <div>
                    <img src="../img/index06_05.jpg" alt="">
                    <img src="../img/index05_18.jpg" alt="">
                    <p>黑爵青蜂侠六键电竞游戏鼠标</p>
                    <p>全国联保 一年免费包换</p>
                    <span>￥:299</span>
                </div>
                <div>
                    <img src="../img/index06_05.jpg" alt="">
                    <img src="../img/index05_18.jpg" alt="">
                    <p>黑爵青蜂侠六键电竞游戏鼠标</p>
                    <p>全国联保 一年免费包换</p>
                    <span>￥:299</span>
                </div>
            </div>
            <!--图书-电子书 -->
            <div class="books clearfix gd">
                <p class="books-top">
                    <span>图书 电子书</span>

                    <span class="cla-book">最新上架</span>
                    <span class="cla-book">独家畅销</span>
                    <span class="cla-book">电子书</span>

                </p>
                <div class="lbooks clearfix tbooks">
                    <div class="vanke">
                        <div class="vanke-top">
                        </div>
                        <div class="vanke-botton">
                            <table>
                                <tr>
                                    <td>中小学教辅</td>
                                    <td>外语</td>
                                    <td>考试</td>
                                </tr>
                                <tr>
                                    <td>小说</td>
                                    <td>文学</td>
                                    <td>青春文学</td>
                                </tr>
                                <tr>
                                    <td>成功\励志</td>
                                    <td>管理</td>
                                    <td>历史</td>
                                </tr>
                                <tr>
                                    <td>哲学\宗教</td>
                                    <td>亲子\家教</td>
                                    <td>全部分类</td>
                                </tr>
                            </table>
                        </div>
                    </div>
                    <!-- 轮播 -->
                    <div class="b-slider">
                        <!--轮播开始-->
                        <div class="pptbox picSlider">
                            <!--轮播的内容-->
                            <ul class="innerwrapper">
                                <li>
                                    <a href="#">
                                        <img src="../img/ppt2_05.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../img/ppt2_05.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../img/ppt2_05.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../img/ppt2_05.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../img/ppt2_05.jpg" />
                                    </a>
                                </li>
                            </ul>
                            <!--数字控制器-->
                            <ul class="controls">
                                <li class="current">1</li>
                                <li>2</li>
                                <li>3</li>
                                <li>4</li>
                                <li>5</li>
                            </ul>
                            <!--按钮控制器-->
                            <span class="btnleft"></span>
                            <span class="btnright"></span>
                        </div>
                        <!--轮播结束-->
                    </div>
                    <script>
                        for (let j = 0; j < 6; j++) {
                            document.write(`
                            <div class='oly'>
                                <h3>1111奥运狂欢</h3>
                                <p>10万种电子书 直降40%</p>
                                <img src="../img/index09_05.jpg" alt="">
                                <p>
                                    &yen;49
                                    <span class="price cb3">&yen;79</span>
                                </p>
                            </div>
                            `)
                        }
                    </script>
                </div>
                <div class="lbooks clearfix">
                    <div class="vanke">
                        <div class="vanke-top">
                        </div>
                        <div class="vanke-botton">
                            <table>
                                <tr>
                                    <td>中小学教辅</td>
                                    <td>外语</td>
                                    <td>考试</td>
                                </tr>
                                <tr>
                                    <td>小说</td>
                                    <td>文学</td>
                                    <td>青春文学</td>
                                </tr>
                                <tr>
                                    <td>成功\励志</td>
                                    <td>管理</td>
                                    <td>历史</td>
                                </tr>
                                <tr>
                                    <td>哲学\宗教</td>
                                    <td>亲子\家教</td>
                                    <td>全部分类</td>
                                </tr>
                            </table>
                        </div>
                    </div>
                    <!-- 轮播 -->
                    <div class="b-slider">
                        <!--轮播开始-->
                        <div class="pptbox picSlider">
                            <!--轮播的内容-->
                            <ul class="innerwrapper">
                                <li>
                                    <a href="#">
                                        <img src="../img/ppt2_05.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../img/ppt2_05.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../img/ppt2_05.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../img/ppt2_05.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../img/ppt2_05.jpg" />
                                    </a>
                                </li>
                            </ul>
                            <!--数字控制器-->
                            <ul class="controls">
                                <li class="current">1</li>
                                <li>2</li>
                                <li>3</li>
                                <li>4</li>
                                <li>5</li>
                            </ul>
                            <!--按钮控制器-->
                            <span class="btnleft"></span>
                            <span class="btnright"></span>
                        </div>
                        <!--轮播结束-->
                    </div>
                    <script>
                        for (let j = 0; j < 6; j++) {
                            document.write(`
                            <div class='oly'>
                                <h3>1111奥运狂欢</h3>
                                <p>10万种电子书 直降40%</p>
                                <img src="../img/index09_05.jpg" alt="">
                                <p>
                                    &yen;49
                                    <span class="price cb3">&yen;79</span>
                                </p>
                            </div>
                            `)
                        }
                    </script>
                </div>
                <div class="lbooks clearfix">
                    <div class="vanke">
                        <div class="vanke-top">
                        </div>
                        <div class="vanke-botton">
                            <table>
                                <tr>
                                    <td>中小学教辅</td>
                                    <td>外语</td>
                                    <td>考试</td>
                                </tr>
                                <tr>
                                    <td>小说</td>
                                    <td>文学</td>
                                    <td>青春文学</td>
                                </tr>
                                <tr>
                                    <td>成功\励志</td>
                                    <td>管理</td>
                                    <td>历史</td>
                                </tr>
                                <tr>
                                    <td>哲学\宗教</td>
                                    <td>亲子\家教</td>
                                    <td>全部分类</td>
                                </tr>
                            </table>
                        </div>
                    </div>
                    <!-- 轮播 -->
                    <div class="b-slider">
                        <!--轮播开始-->
                        <div class="pptbox picSlider">
                            <!--轮播的内容-->
                            <ul class="innerwrapper">
                                <li>
                                    <a href="#">
                                        <img src="../img/ppt2_05.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../img/ppt2_05.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../img/ppt2_05.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../img/ppt2_05.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../img/ppt2_05.jpg" />
                                    </a>
                                </li>
                            </ul>
                            <!--数字控制器-->
                            <ul class="controls">
                                <li class="current">1</li>
                                <li>2</li>
                                <li>3</li>
                                <li>4</li>
                                <li>5</li>
                            </ul>
                            <!--按钮控制器-->
                            <span class="btnleft"></span>
                            <span class="btnright"></span>
                        </div>
                        <!--轮播结束-->
                    </div>
                    <script>
                        for (let j = 0; j < 6; j++) {
                            document.write(`
                            <div class='oly'>
                                <h3>1111奥运狂欢</h3>
                                <p>10万种电子书 直降40%</p>
                                <img src="../img/index09_05.jpg" alt="">
                                <p>
                                    &yen;49
                                    <span class="price cb3">&yen;79</span>
                                </p>
                            </div>
                            `)
                        }
                    </script>
                </div>

                <div class="rbooks">
                    <h2>新书畅销版</h2>
                    <script>
                        for (let i = 1; i <= 6; i++) {
                            document.write(`
                                   <div class='new-book'>
                                        <p>${i}&emsp;从你的全世界路过</p>
                                        <div>
                                            <span>${i}</span>
                                            <img src='../img/index08_05.jpg'>
                                            <span>
                                            从你的世界路过入选央视
                                            “2014中国好书”的80后作品！
                                            十年华语畅销小说，王家卫陈
                                            国富倾力推荐， 1500万次转
                                            发，超4亿次阅读
                                            </span>
                                        </div>
                                   </div>
                            `)
                        }
                    </script>
                </div>
            </div>

            <!-- 服装Clothing -->
            <div class="clothing clearfix clothes gd">
                <div class="clo-top">
                    <h2>服装</h2>
                    <span>女装内衣</span>
                    <span>热销男装</span>
                    <span>精品鞋靴</span>
                </div>

                <div class="clo-main clo-block">
                    <div class="clo-left">
                        <img src="../img/index7_17.jpg" alt="">
                        <table>
                            <script>
                                for (let i = 1; i <= 4; i++) {
                                    document.write(`<tr>
                                <td>全部分类&gt;</td>
                                <td>全部分类&gt;</td>
                                <td>全部分类&gt;</td>
                            </tr>`)
                                }
                            </script>
                        </table>
                    </div>

                    <div class="clo-slider">
                        <!--轮播开始-->
                        <div class="pptbox cloSlider">
                            <!--轮播的内容-->
                            <ul class="innerwrapper">
                                <li>
                                    <a href="#">
                                        <img src="../img/ppt2_05.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../img/ppt2_05.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../img/ppt2_05.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../img/ppt2_05.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../img/ppt2_05.jpg" />
                                    </a>
                                </li>
                            </ul>
                            <!--数字控制器-->
                            <ul class="controls">
                                <li class="current">1</li>
                                <li>2</li>
                                <li>3</li>
                                <li>4</li>
                                <li>5</li>
                            </ul>
                            <!--按钮控制器-->
                            <span class="btnleft"></span>
                            <span class="btnright"></span>
                        </div>
                        <!--轮播结束-->

                        <img src="../img/index11_08.jpg" alt="">
                    </div>

                    <div class="clo-rt">
                        <table>
                            <tr>
                                <td><img src="../img/index12_05.jpg" alt=""></td>
                                <td><img src="../img/index12_05.jpg" alt=""></td>
                                <td><img src="../img/index12_05.jpg" alt=""></td>
                            </tr>
                        </table>
                    </div>

                    <div class="clo-bt">

                        <table>
                            <tr>
                                <td><img src="../img/index15_13.jpg" alt=""></td>
                                <td><img src="../img/index15_13.jpg" alt=""></td>
                                <td><img src="../img/index15_13.jpg" alt=""></td>
                                <td><img src="../img/index15_13.jpg" alt=""></td>
                                <td><img src="../img/index15_13.jpg" alt=""></td>
                                <td><img src="../img/index15_13.jpg" alt=""></td>
                                <td><img src="../img/index15_13.jpg" alt=""></td>
                                <td><img src="../img/index15_13.jpg" alt=""></td>
                                <td><img src="../img/index15_13.jpg" alt=""></td>
                            </tr>
                        </table>
                    </div>
                </div>

                <div class="clo-main">
                    <div class="clo-left">
                        <img src="../img/index7_17.jpg" alt="">
                        <table>
                            <script>
                                for (let i = 1; i <= 4; i++) {
                                    document.write(`<tr>
                                <td>全部分类&gt;</td>
                                <td>全部分类&gt;</td>
                                <td>全部分类&gt;</td>
                            </tr>`)
                                }
                            </script>
                        </table>
                    </div>

                    <div class="clo-slider">
                        <!--轮播开始-->
                        <div class="pptbox cloSlider">
                            <!--轮播的内容-->
                            <ul class="innerwrapper">
                                <li>
                                    <a href="#">
                                        <img src="../img/ppt2_05.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../img/ppt2_05.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../img/ppt2_05.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../img/ppt2_05.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../img/ppt2_05.jpg" />
                                    </a>
                                </li>
                            </ul>
                            <!--数字控制器-->
                            <ul class="controls">
                                <li class="current">1</li>
                                <li>2</li>
                                <li>3</li>
                                <li>4</li>
                                <li>5</li>
                            </ul>
                            <!--按钮控制器-->
                            <span class="btnleft"></span>
                            <span class="btnright"></span>
                        </div>
                        <!--轮播结束-->

                        <img src="../img/index11_08.jpg" alt="">
                    </div>

                    <div class="clo-rt">
                        <table>
                            <tr>
                                <td><img src="../img/index12_05.jpg" alt=""></td>
                                <td><img src="../img/index12_05.jpg" alt=""></td>
                                <td><img src="../img/index12_05.jpg" alt=""></td>
                            </tr>
                        </table>
                    </div>

                    <div class="clo-bt">

                        <table>
                            <tr>
                                <td><img src="../img/index15_13.jpg" alt=""></td>
                                <td><img src="../img/index15_13.jpg" alt=""></td>
                                <td><img src="../img/index15_13.jpg" alt=""></td>
                                <td><img src="../img/index15_13.jpg" alt=""></td>
                                <td><img src="../img/index15_13.jpg" alt=""></td>
                                <td><img src="../img/index15_13.jpg" alt=""></td>
                                <td><img src="../img/index15_13.jpg" alt=""></td>
                                <td><img src="../img/index15_13.jpg" alt=""></td>
                                <td><img src="../img/index15_13.jpg" alt=""></td>
                            </tr>
                        </table>
                    </div>
                </div>

                <div class="clo-main">
                </div>

            </div>

            <!-- 服装Clothing -->
            <div class="clothing clearfix sport gd">
                <div class="clo-top">
                    <h2>服装</h2>
                    <span>女装内衣</span>
                    <span>热销男装</span>
                    <span>精品鞋靴</span>
                </div>

                <div class="clo-main clo-block">
                    <div class="clo-left">
                        <img src="../img/index7_17.jpg" alt="">
                        <table>
                            <script>
                                for (let i = 1; i <= 4; i++) {
                                    document.write(`<tr>
                                <td>全部分类&gt;</td>
                                <td>全部分类&gt;</td>
                                <td>全部分类&gt;</td>
                            </tr>`)
                                }
                            </script>
                        </table>
                    </div>

                    <div class="clo-slider">
                        <!--轮播开始-->
                        <div class="pptbox cloSlider">
                            <!--轮播的内容-->
                            <ul class="innerwrapper">
                                <li>
                                    <a href="#">
                                        <img src="../img/ppt2_05.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../img/ppt2_05.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../img/ppt2_05.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../img/ppt2_05.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../img/ppt2_05.jpg" />
                                    </a>
                                </li>
                            </ul>
                            <!--数字控制器-->
                            <ul class="controls">
                                <li class="current">1</li>
                                <li>2</li>
                                <li>3</li>
                                <li>4</li>
                                <li>5</li>
                            </ul>
                            <!--按钮控制器-->
                            <span class="btnleft"></span>
                            <span class="btnright"></span>
                        </div>
                        <!--轮播结束-->

                        <img src="../img/index11_08.jpg" alt="">
                    </div>

                    <div class="clo-rt">
                        <table>
                            <tr>
                                <td><img src="../img/index12_05.jpg" alt=""></td>
                                <td><img src="../img/index12_05.jpg" alt=""></td>
                                <td><img src="../img/index12_05.jpg" alt=""></td>
                            </tr>
                        </table>
                    </div>

                    <div class="clo-bt">

                        <table>
                            <tr>
                                <td><img src="../img/index15_13.jpg" alt=""></td>
                                <td><img src="../img/index15_13.jpg" alt=""></td>
                                <td><img src="../img/index15_13.jpg" alt=""></td>
                                <td><img src="../img/index15_13.jpg" alt=""></td>
                                <td><img src="../img/index15_13.jpg" alt=""></td>
                                <td><img src="../img/index15_13.jpg" alt=""></td>
                                <td><img src="../img/index15_13.jpg" alt=""></td>
                                <td><img src="../img/index15_13.jpg" alt=""></td>
                                <td><img src="../img/index15_13.jpg" alt=""></td>
                            </tr>
                        </table>
                    </div>
                </div>

                <div class="clo-main">
                    <div class="clo-left">
                        <img src="../img/index7_17.jpg" alt="">
                        <table>
                            <script>
                                for (let i = 1; i <= 4; i++) {
                                    document.write(`<tr>
                                <td>全部分类&gt;</td>
                                <td>全部分类&gt;</td>
                                <td>全部分类&gt;</td>
                            </tr>`)
                                }
                            </script>
                        </table>
                    </div>

                    <div class="clo-slider">
                        <!--轮播开始-->
                        <div class="pptbox cloSlider">
                            <!--轮播的内容-->
                            <ul class="innerwrapper">
                                <li>
                                    <a href="#">
                                        <img src="../img/ppt2_05.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../img/ppt2_05.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../img/ppt2_05.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../img/ppt2_05.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../img/ppt2_05.jpg" />
                                    </a>
                                </li>
                            </ul>
                            <!--数字控制器-->
                            <ul class="controls">
                                <li class="current">1</li>
                                <li>2</li>
                                <li>3</li>
                                <li>4</li>
                                <li>5</li>
                            </ul>
                            <!--按钮控制器-->
                            <span class="btnleft"></span>
                            <span class="btnright"></span>
                        </div>
                        <!--轮播结束-->

                        <img src="../img/index11_08.jpg" alt="">
                    </div>

                    <div class="clo-rt">
                        <table>
                            <tr>
                                <td><img src="../img/index12_05.jpg" alt=""></td>
                                <td><img src="../img/index12_05.jpg" alt=""></td>
                                <td><img src="../img/index12_05.jpg" alt=""></td>
                            </tr>
                        </table>
                    </div>

                    <div class="clo-bt">

                        <table>
                            <tr>
                                <td><img src="../img/index15_13.jpg" alt=""></td>
                                <td><img src="../img/index15_13.jpg" alt=""></td>
                                <td><img src="../img/index15_13.jpg" alt=""></td>
                                <td><img src="../img/index15_13.jpg" alt=""></td>
                                <td><img src="../img/index15_13.jpg" alt=""></td>
                                <td><img src="../img/index15_13.jpg" alt=""></td>
                                <td><img src="../img/index15_13.jpg" alt=""></td>
                                <td><img src="../img/index15_13.jpg" alt=""></td>
                                <td><img src="../img/index15_13.jpg" alt=""></td>
                            </tr>
                        </table>
                    </div>
                </div>

                <div class="clo-main">
                </div>

            </div>

            <!-- 服装Clothing -->
            <div class="clothing clearfix cwear gd">
                <div class="clo-top">
                    <h2>服装</h2>
                    <span>女装内衣</span>
                    <span>热销男装</span>
                    <span>精品鞋靴</span>
                </div>

                <div class="clo-main clo-block">
                    <div class="clo-left">
                        <img src="../img/index7_17.jpg" alt="">
                        <table>
                            <script>
                                for (let i = 1; i <= 4; i++) {
                                    document.write(`<tr>
                                <td>全部分类&gt;</td>
                                <td>全部分类&gt;</td>
                                <td>全部分类&gt;</td>
                            </tr>`)
                                }
                            </script>
                        </table>
                    </div>

                    <div class="clo-slider">
                        <!--轮播开始-->
                        <div class="pptbox cloSlider">
                            <!--轮播的内容-->
                            <ul class="innerwrapper">
                                <li>
                                    <a href="#">
                                        <img src="../img/ppt2_05.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../img/ppt2_05.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../img/ppt2_05.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../img/ppt2_05.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../img/ppt2_05.jpg" />
                                    </a>
                                </li>
                            </ul>
                            <!--数字控制器-->
                            <ul class="controls">
                                <li class="current">1</li>
                                <li>2</li>
                                <li>3</li>
                                <li>4</li>
                                <li>5</li>
                            </ul>
                            <!--按钮控制器-->
                            <span class="btnleft"></span>
                            <span class="btnright"></span>
                        </div>
                        <!--轮播结束-->

                        <img src="../img/index11_08.jpg" alt="">
                    </div>

                    <div class="clo-rt">
                        <table>
                            <tr>
                                <td><img src="../img/index12_05.jpg" alt=""></td>
                                <td><img src="../img/index12_05.jpg" alt=""></td>
                                <td><img src="../img/index12_05.jpg" alt=""></td>
                            </tr>
                        </table>
                    </div>

                    <div class="clo-bt">

                        <table>
                            <tr>
                                <td><img src="../img/index15_13.jpg" alt=""></td>
                                <td><img src="../img/index15_13.jpg" alt=""></td>
                                <td><img src="../img/index15_13.jpg" alt=""></td>
                                <td><img src="../img/index15_13.jpg" alt=""></td>
                                <td><img src="../img/index15_13.jpg" alt=""></td>
                                <td><img src="../img/index15_13.jpg" alt=""></td>
                                <td><img src="../img/index15_13.jpg" alt=""></td>
                                <td><img src="../img/index15_13.jpg" alt=""></td>
                                <td><img src="../img/index15_13.jpg" alt=""></td>
                            </tr>
                        </table>
                    </div>
                </div>

                <div class="clo-main">
                    <div class="clo-left">
                        <img src="../img/index7_17.jpg" alt="">
                        <table>
                            <script>
                                for (let i = 1; i <= 4; i++) {
                                    document.write(`<tr>
                                <td>全部分类&gt;</td>
                                <td>全部分类&gt;</td>
                                <td>全部分类&gt;</td>
                            </tr>`)
                                }
                            </script>
                        </table>
                    </div>

                    <div class="clo-slider">
                        <!--轮播开始-->
                        <div class="pptbox cloSlider">
                            <!--轮播的内容-->
                            <ul class="innerwrapper">
                                <li>
                                    <a href="#">
                                        <img src="../img/ppt2_05.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../img/ppt2_05.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../img/ppt2_05.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../img/ppt2_05.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../img/ppt2_05.jpg" />
                                    </a>
                                </li>
                            </ul>
                            <!--数字控制器-->
                            <ul class="controls">
                                <li class="current">1</li>
                                <li>2</li>
                                <li>3</li>
                                <li>4</li>
                                <li>5</li>
                            </ul>
                            <!--按钮控制器-->
                            <span class="btnleft"></span>
                            <span class="btnright"></span>
                        </div>
                        <!--轮播结束-->

                        <img src="../img/index11_08.jpg" alt="">
                    </div>

                    <div class="clo-rt">
                        <table>
                            <tr>
                                <td><img src="../img/index12_05.jpg" alt=""></td>
                                <td><img src="../img/index12_05.jpg" alt=""></td>
                                <td><img src="../img/index12_05.jpg" alt=""></td>
                            </tr>
                        </table>
                    </div>

                    <div class="clo-bt">

                        <table>
                            <tr>
                                <td><img src="../img/index15_13.jpg" alt=""></td>
                                <td><img src="../img/index15_13.jpg" alt=""></td>
                                <td><img src="../img/index15_13.jpg" alt=""></td>
                                <td><img src="../img/index15_13.jpg" alt=""></td>
                                <td><img src="../img/index15_13.jpg" alt=""></td>
                                <td><img src="../img/index15_13.jpg" alt=""></td>
                                <td><img src="../img/index15_13.jpg" alt=""></td>
                                <td><img src="../img/index15_13.jpg" alt=""></td>
                                <td><img src="../img/index15_13.jpg" alt=""></td>
                            </tr>
                        </table>
                    </div>
                </div>

                <div class="clo-main">
                </div>

            </div>

            <!-- 家具日用 -->
            <div class="home-use clearfix gd">
                <h2>家居日用</h2>
                <img src="../img/index21_05.jpg" alt="">
                <table>
                    <tr>
                        <td><img src="../img/index22_05.jpg" alt=""></td>
                        <td><img src="../img/index22_05.jpg" alt=""></td>
                        <td><img src="../img/index22_05.jpg" alt=""></td>
                        <td><img src="../img/index22_05.jpg" alt=""></td>
                    </tr>
                    <tr>
                        <td><img src="../img/index23_08.jpg" alt=""></td>
                        <td><img src="../img/index23_08.jpg" alt=""></td>
                        <td><img src="../img/index23_08.jpg" alt=""></td>
                        <td><img src="../img/index23_08.jpg" alt=""></td>
                    </tr>
                </table>
            </div>

            <!-- 商品推广 -->
            <div class="promotion">
                <div class="pro-top clearfix">
                    <h2>商品推广</h2>
                    <div>
                        <span class="pro-tab pro-tab-on"></span>
                        <span class="pro-tab"></span>
                    </div>
                </div>

                <div class="pro-main pm-block">
                    <table>
                        <tr>
                            <script>
                                for (let i = 1; i <= 5; i++) {
                                    document.write(`<td>
                                <img src="../img/index25_12.jpg" alt="">
                                <span>Pigeon法国制奶嘴，无毒天然乳胶</span>
                                <p>￥:189</p>
                                <img src="../img/index27_14.jpg" alt="">
                                <span>已有<i>988</i>条评价</span>
                            </td>`)
                                }
                            </script>
                        </tr>
                        <tr>
                            <script>
                                for (let i = 1; i <= 5; i++) {
                                    document.write(`<td>
                                 <img src="../img/index25_12.jpg" alt="">
                                 <span>Pigeon法国制奶嘴，无毒天然乳胶</span>
                                 <p>￥:189</p>
                                 <img src="../img/index27_14.jpg" alt="">
                                 <span>已有<i>988</i>条评价</span>
                             </td>`)
                                }
                            </script>
                        </tr>
                    </table>
                </div>
                <div class="pro-main">
                    <table>
                        <tr>
                            <script>
                                for (let i = 1; i <= 5; i++) {
                                    document.write(`<td>
                                <img src="../素材图片/书籍/22616096-1_l.jpg" alt="">
                                <span>Pigeon法国制奶嘴，无毒天然乳胶</span>
                                <p>￥:189</p>
                                <img src="../img/index27_14.jpg" alt="">
                                <span>已有<i>988</i>条评价</span>
                            </td>`)
                                }
                            </script>
                        </tr>
                        <tr>
                            <script>
                                for (let i = 1; i <= 5; i++) {
                                    document.write(`<td>
                                 <img src="../素材图片/书籍/22616096-1_l.jpg" alt="">
                                 <span>Pigeon法国制奶嘴，无毒天然乳胶</span>
                                 <p>￥:189</p>
                                 <img src="../img/index27_14.jpg" alt="">
                                 <span>已有<i>988</i>条评价</span>
                             </td>`)
                                }
                            </script>
                        </tr>
                    </table>
                </div>
            </div>



        </div>

        <!-- 底部 -->
        <div id="foot">
            <div class="f-top">
                <img src="../img/gototop_05.jpg" alt="" class="retop">
                <div>
                    <img src="../img/222_11.png" alt="">
                    <img src="../img/222_13(1).png" alt="">
                    <img src="../img/222_15.png" alt="">
                    <img src="../img/222_17.png" alt="">
                </div>
            </div>

            <div class="f-main">
                <table>
                    <tr>
                        <td>购物指南</td>
                        <td>支付方式</td>
                        <td>订单服务</td>
                        <td>退换货</td>
                        <td>商家服务</td>
                    </tr>
                    <tr>
                        <td>购物指南</td>
                        <td>支付方式</td>
                        <td>订单服务</td>
                        <td>退换货</td>
                        <td>商家服务</td>
                    </tr>
                    <tr>
                        <td>购物指南</td>
                        <td>支付方式</td>
                        <td>订单服务</td>
                        <td>退换货</td>
                        <td>商家服务</td>
                    </tr>
                    <tr>
                        <td>购物指南</td>
                        <td>支付方式</td>
                        <td>订单服务</td>
                        <td>退换货</td>
                        <td>商家服务</td>
                    </tr>
                    <tr>
                        <td>购物指南</td>
                        <td>支付方式</td>
                        <td>订单服务</td>
                        <td>退换货</td>
                    </tr>

                </table>

                <div class="f-bt">
                    <p>公司简介 | Investor Relations | 网站联盟 | 乐购招商 | 机构销售 | 手机乐购 | 官方Blog | 热词搜索</p>
                    <span>Copyright (C) 乐购网 2004-2016, All Rights Reserved</span>
                </div>

                <img src="../img/logo_00.png" alt="">
            </div>
        </div>

        <!-- 滚动搜索框 -->
        <div class="search search-scroll">
            <input type="text">
            <div class="img-1"></div>
        </div>

        <!-- 锚点链接 -->
        <div class="anchor">
            <a>
                <span>图书</span>
            </a>
            <a>
                <span>图书</span>
            </a>
            <a>
                <span>图书</span>
            </a>
            <a>
                <span>图书</span>
            </a>
            <a>
                <span>图书</span>
            </a>
        </div>

        <div class="mc">
        </div>
    </div>






    <script>
        $('#banner .menu li p').on('mouseover', function () {
            $(this).css('border-color', '#ff6600')
            $(this).css('border-right', 'none')

            $(this).closest('li').find('dl').css('display', 'block')

        })

        $('#banner .menu li p').on('mouseout', function () {
            $(this).css('border-color', 'transparent')
            $(this).closest('li').find('dl').css('display', 'none')


        })
    </script>
</body>

</html>